//获取指定的a标签
var links = document.querySelectorAll(".header .right ul li a")
// 获取指定的p表情
var elements = document.querySelectorAll(".welcome .left p")
// 获取h3标签
var h3 = document.querySelectorAll("h3")
// 获取body标签
var body = document.body
// 获取按钮标签
var button = document.querySelector(".header .right button")
// 获取logo标签
var logo = document.querySelector(".header .left img")
// 获取图标
var icon = document.querySelector(".header .right button i")
// 获取底部标签
var footerLeft = document.querySelector(".footer .left")
var title = document.querySelector(".layout .title")
var text = document.querySelector(".text")

// 布尔值（控制夜间模式|白天模式切换）
var isShow = true;

// 编写函数控制元素的背景和字体颜色
function changeStyle(bgcolor, color) {
    // 循环数组
    for (var i = 0; i < links.length; i++) {
        // 设置字体颜色
        links[i].style.color = color;
    }
    for (var i = 0; i < elements.length; i++) {
        elements[i].style.color = color;
    }
    for (var i = 0; i < h3.length; i++) {
        h3[i].style.color = color;
    }
    if (text) {
        text.style.color = color;
    }
    if (title) {
        title.style.color = color;
    }
    footerLeft.style.color = color;
    // 设置背景颜色
    body.style.backgroundColor = bgcolor;
}

// 点击行为
button.onclick = function () {
    if (isShow) {
        logo.src = "./imgs/logo-white.png"
        icon.className = "light"
        // 改变背景、字体颜色
        changeStyle("#000", "#fff")
        // 设置本地存储mode
        localStorage.setItem("mode","night")
    }
    else {
        logo.src = "./imgs/logo.png"
        icon.className = "night"
        changeStyle("#fff", "#000")
        // 移除本地存储mode
        localStorage.removeItem("mode")
    }
    // 改变布尔值
    isShow = !isShow;
}


// 获取本地存储mode, 将模式设置持久化
var  v = localStorage.getItem("mode")
if(v){
    logo.src = "./imgs/logo-white.png"
    icon.className = "light"
    // 改变背景、字体颜色
    changeStyle("#000", "#fff")
}